<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <script src="../js/public.js"></script>
    <script src="../js/jquery.js"></script>
    <style>
    	/* 头部   */
    	.mui-bar-nav{background-color: #71BB98;}
    	.mui-bar-nav .mui-title{color:#FFF;font-size:1.2rem;}
    	.mui-bar-nav .mui-action-back{color:#FFF;}
    	/* 消息区域   */
    	.mission{width: 98%; margin:2rem 1%;}
    	.mui-table-view{background: transparent;}
    	.mui-table-view .mui-table-view-cell{background-color: #FFF; padding:1rem; border:0; width: 100%; height: 7rem; margin-bottom: 1rem;}
    	.mui-table-view .mui-table-view-cell a{padding: 0;}
    	.mui-table-view .mui-table-view-cell a div{height: 6rem;}
    	.mui-table-view .mui-table-view-cell a div p{height: 2rem; line-height: 2rem; font-size: 1rem;}
    	.mui-table-view .mui-pull-left{width: 11%; height: 5rem; margin: 0.5rem 1%;}
    	.mui-table-view .mui-pull-right{float: right; width:25%; text-align: center;}
    	.mui-table-view .mui-pull-right span{position: absolute; bottom: 0.5rem; right: 0.5rem; font-size: 0.8rem; color:#929292;}
    	.mui-table-view .mui-media-body{width: 62%; float: left;}
    	.cz{font-style: normal;}
    	.mui-pull-right .img{width: 25%;float: right; margin-top: 0.2rem;}
    	.mui-clearfix{float: left; width: 70%;} 
    	.mui-clearfix button{display: block; width: 70%; margin-left: 15%; height: 1.5rem;margin-bottom: 0.5rem; background-color: #169BD5; color:#FFF; border:0; font-size: 0.8rem;;}
    	/* 底部   */
    	.mui-bar-tab{color:#FFF;}
    	.mui-bar-tab .mui-tab-item{background-color: #71BB98; color:#FFF;} 
    	.mui-bar-tab .mui-tab-item:first-child{border-right: 1px solid #FFF;}
    	.mui-bar-tab .mui-tab-item .mui-icon{display: inline-block; font-size: 2.5rem;}
    	.mui-bar-tab .mui-tab-item.mui-active{color: red;}
    	/* 消息区域   */
    	.mission{width: 98%; margin:2rem 1%;}
    	.mui-table-view{background: transparent;}
    	.mui-table-view .mui-table-view-cell{background-color: #FFF; padding:1rem; border:0; width: 100%; height: 7rem; margin-bottom: 1rem;}
    	.mui-table-view .mui-table-view-cell a{padding: 0;}
    	.mui-table-view .mui-table-view-cell a div{height: 6rem;}
    	.mui-table-view .mui-table-view-cell a div p{height: 2rem; line-height: 2rem; font-size: 1rem;}
    	.mui-table-view .mui-pull-left{width: 11%; height: 5rem; margin: 0.5rem 1%;}
    	.mui-table-view .mui-pull-right{float: right; width:25%; text-align: center;}
    	.mui-table-view .mui-pull-right span{position: absolute; bottom: 0.5rem; right: 0.5rem; font-size: 0.8rem; color:#929292;}
    	.mui-table-view .mui-media-body{width: 62%; float: left;}
    	.cz{font-style: normal;}
    	.mui-pull-right .img{width: 25%;float: right; margin-top: 0.2rem;}
    	.mui-clearfix{float: left; width: 70%;} 
    	.mui-clearfix button{display: block; width: 70%; margin-left: 15%; height: 1.5rem;margin-bottom: 0.5rem; background-color: #169BD5; color:#FFF; border:0; font-size: 0.8rem;}  
    </style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">作业</h1>
	</header>
    <div class="mui-content">
        <div class="mui-content-padded">
        	<div id="pullrefresh" class="mui-content">
			    <div class="mui-content-padded mission">
					<ul class="mui-table-view dai">
					    <li class="mui-table-view-cell">
					        <a href="javascript:void(0);">
					            <img class="mui-pull-left" src="" id="pic">
					            <div class="mui-media-body">
					                <p><span>编号：</span><i class="No"></i></p>
									<p><span>名称：</span><span class="name"></span></p>
									<p><span>地址：</span><span class="area"></span></p>
					            </div>
					            <div class="mui-pull-right">
					            	<div class="mui-clearfix"></div>
					            	<img src="../images/u616.png" width="30%" class="img" alt="" />
									<span class="time">2017-08-29   14:25</span>
								</div>
					        </a>
					    </li>
					</ul>
			    </div>
			</div>
        </div>
    </div>
    <nav class="mui-bar mui-bar-tab">
	    <a class="mui-tab-item mui-active" style="border-right: 2px solid #fff;" id="home">
	        <span class="mui-icon mui-icon-home"></span>
	        <!--<span class="mui-tab-label">首页</span>-->
	    </a>
	    <a class="mui-tab-item" href="" id="myinfo">
	        <span class="mui-icon mui-icon-person"></span>
	        <!--<span class="mui-tab-label">电话</span>-->
	    </a>
	</nav>
	<script type="text/javascript">
		//
		document.getElementById('myinfo').addEventListener('tap',function(){
			mui.openWindow({
					url:"per_information.html",
					id:"per_information",
					style:{},
					show:{
						autoShow:true,
						aniShow:"slide-in-right",
						duration:100
					},
					waiting:{
						autoShow:true,
						title:"正在加载·····",
						options:{
						}
					}
			})
		});
		//
		document.getElementById('home').addEventListener('tap',function(){
			mui.openWindow({
					url:"../main.html",
					id:"main",
					style:{},
					show:{
						autoShow:true,
						aniShow:"slide-in-right",
						duration:100
					},
					waiting:{
						autoShow:true,
						title:"正在加载·····",
						options:{
						}
					}
			})
		});
	</script>
</body>
<script type="text/javascript" charset="utf-8">
      	mui.init({
      		swipeBack: false,
			pullRefresh: {
				container: '#pullrefresh',
				down: {
					auto: false,
				    contentdown : "下拉可以刷新",
			    	contentover : "释放立即刷新",
			    	contentrefresh : "正在刷新...",
					callback: xjx
				}
			},
      		tap: true, //默认为true
		   	doubletap: true, //默认为false
		   	longtap: true, //默认为false
		   	swipe: true, //默认为true
		  	drag: true, //默认为true
		  	hold:false,//默认为false，不监听
		  	release:false//默认为false，不监听
      	});
      	//
      	mui.plusReady(function() {
			var cw = plus.webview.currentWebview();
		    var updatetime = cw.updatetime;
		    var resourceLocation = cw.resourceLocation;
		    var resourceNo = cw.resourceNo;
		    var resourceName = cw.resourceName;
		    var abnormal_name = cw.abnormal_name;
		    var order_id = cw.order_id;
		    var resourcePicture=cw.resourcePicture;
		    var createtime=cw.createtime;
		    $('.No').text(resourceNo);
		    $('.name').text(resourceName+abnormal_name);
		    $('.area').text(resourceLocation);
		    $('.time').text(updatetime);
		    $('#pic').attr('src','resourcePicture');
	      	mui('.mui-pull-right').on('tap','.img',function(){
				var button = "<button class='To_this'>到这去</button><button class='guide'>作业指导</button>"
				$('.mui-clearfix').html(button);
				return false;
			});
			mui('.mui-clearfix').on('tap',".guide",function(){
				var parameter = $(this).find(".mui-media-body").find("p").find(".cz").text();
	      		mui.openWindow({
				    id:'guide',
				    url:'guide.html',
				    extras:{
				        name:parameter
				    }
				});
				return false;
			});
			mui('.mui-table-view-cell').on('tap',"a",function(){
				var parameter = $(this).find(".mui-media-body").find("p").find(".cz").text();
	      		mui.openWindow({
				    id:'work_1',
				    url:'work_1.html',
				    extras:{
				        order_id:order_id
				    }
				});
			});
			//--
			
		});
      	
      	function xjx(){
      		location.reload();
      	};
      	
    </script>
</html>